      
    //PureComponent 类似于帮我们做了性能优化 相当于做shouldComponentUpdate的优化
    //PureComponent 组件内部会进行state和props的对比  如果前后值一样就不会更新了
    //这个比较是浅比较

      import React,{PureComponent} from 'react'
        class PureCom extends PureComponent{
            state = {
                name:"酒剑仙",
                obj:{
                    hobby:"大河之水天上来"
                }
            }
            handleClick = ()=>{
                this.setState({
                    name:"宫本",
                    obj:{
                        hobby:"无敌的我又回来了"
                    }
                })
            }
                 render(){
                    console.log("reader");
                     return(
                        <fieldset>
                            <legend>纯净组件</legend>
                            <h1>{this.state.name}</h1>
                            <h2>{this.state.obj.hobby}</h2>
                            <button onClick={this.handleClick}>点击更新</button>
                        </fieldset>
                     )
                 }
             }
        export default PureCom
